<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>动态脚本</title>
	</head>
	<body>
		<script>
			// 动态创建 JS 脚本也是异步加载。
			// 当脚本被附加到文档 (*) 时，脚本就会立即开始加载。
			// 默认情况下，动态脚本的行为是“异步”的。（1. 它们不会等待任何东西，也没有任何东西等待它们。 2. 先加载完成的脚本先执行“加载优先”顺序）。

			const script = document.createElement('script')
			script.src = 'https://javascript.info/article/script-async-defer/long.js'
			script.async = false // 手动改变这个规则，脚本将按照文档中的顺序执行。
			document.body.append(script)

			// 脚本加载完成后，会执行
			script.onload = () => console.log('script loaded')
		</script>
	</body>
</html>
